<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数字竞猜分析平台</title>
    <link rel="stylesheet" href="styles.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
</head>
<body>
    <div class="container">
        <!-- 顶部导航页签 -->
        <header class="header">
            <div class="lottery-tabs">
                <button class="lottery-tab active" data-lottery="hk">香港六合彩</button>
                <button class="lottery-tab" data-lottery="macau-new">新澳门六合彩</button>
                <button class="lottery-tab" data-lottery="macau">澳门六合彩</button>
            </div>
        </header>

        <!-- 玩法页签 -->
        <nav class="game-nav">
            <div class="game-tabs">
                <button class="game-tab active" data-game="tema">特码</button>
                <button class="game-tab" data-game="zhengma">正码</button>
                <button class="game-tab" data-game="lianma">连码</button>
                <button class="game-tab" data-game="banbo">半波</button>
                <button class="game-tab" data-game="shengxiao">生肖</button>
                <button class="game-tab" data-game="weishu">尾数</button>
                <button class="game-tab" data-game="buzhong">不中</button>
                <button class="game-tab" data-game="sebo">色波</button>
            </div>
        </nav>

        <!-- 子玩法页签 -->
        <div class="sub-nav">
            <!-- 特码子玩法 -->
            <div class="sub-tabs tema-tabs active">
                <button class="sub-tab active" data-sub="zhixuan">直选</button>
                <button class="sub-tab" data-sub="liangmian">两面</button>
            </div>
            
            <!-- 正码子玩法 -->
            <div class="sub-tabs zhengma-tabs">
                <button class="sub-tab active" data-sub="renxuan">任选</button>
                <button class="sub-tab" data-sub="zheng1te">正1特</button>
                <button class="sub-tab" data-sub="zheng1lm">正1两面</button>
                <button class="sub-tab" data-sub="zheng2te">正2特</button>
                <button class="sub-tab" data-sub="zheng2lm">正2两面</button>
                <button class="sub-tab" data-sub="zheng3te">正3特</button>
                <button class="sub-tab" data-sub="zheng3lm">正3两面</button>
                <button class="sub-tab" data-sub="zheng4te">正4特</button>
                <button class="sub-tab" data-sub="zheng4lm">正4两面</button>
                <button class="sub-tab" data-sub="zheng5te">正5特</button>
                <button class="sub-tab" data-sub="zheng5lm">正5两面</button>
                <button class="sub-tab" data-sub="zheng6te">正6特</button>
                <button class="sub-tab" data-sub="zheng6lm">正6两面</button>
            </div>
            
            <!-- 连码子玩法 -->
            <div class="sub-tabs lianma-tabs">
                <button class="sub-tab active" data-sub="sanquanzhong">三全中</button>
                <button class="sub-tab" data-sub="sanzhonger">三中二</button>
                <button class="sub-tab" data-sub="erquanzhong">二全中</button>
                <button class="sub-tab" data-sub="erzhongte">二中特</button>
                <button class="sub-tab" data-sub="techuan">特串</button>
            </div>
            
            <!-- 半波子玩法 -->
            <div class="sub-tabs banbo-tabs">
                <button class="sub-tab active" data-sub="temabanbo">特码半波</button>
            </div>
            
            <!-- 生肖子玩法 -->
            <div class="sub-tabs shengxiao-tabs">
                <button class="sub-tab active" data-sub="texiao">特肖</button>
                <button class="sub-tab" data-sub="yixiao">一肖</button>
                <button class="sub-tab" data-sub="erxiaolian">二肖连</button>
                <button class="sub-tab" data-sub="sanxiaolian">三肖连</button>
                <button class="sub-tab" data-sub="sixiaolian">四肖连</button>
                <button class="sub-tab" data-sub="zongxiao">总肖</button>
                <button class="sub-tab" data-sub="zhengxiao">正肖</button>
                <button class="sub-tab" data-sub="hexiaozhong">合肖中</button>
                <button class="sub-tab" data-sub="hexiaobuzhong">合肖不中</button>
            </div>
            
            <!-- 尾数子玩法 -->
            <div class="sub-tabs weishu-tabs">
                <button class="sub-tab active" data-sub="tematowei">特码头尾</button>
                <button class="sub-tab" data-sub="erweilian">二尾连</button>
                <button class="sub-tab" data-sub="sanweilian">三尾连</button>
                <button class="sub-tab" data-sub="siweilian">四尾连</button>
                <button class="sub-tab" data-sub="zhengteweishu">正特尾数</button>
            </div>
            
            <!-- 不中子玩法 -->
            <div class="sub-tabs buzhong-tabs">
                <button class="sub-tab active" data-sub="wubuzhong">五不中</button>
                <button class="sub-tab" data-sub="liubuzhong">六不中</button>
                <button class="sub-tab" data-sub="qibuzhong">七不中</button>
                <button class="sub-tab" data-sub="babuzhong">八不中</button>
                <button class="sub-tab" data-sub="jiubuzhong">九不中</button>
                <button class="sub-tab" data-sub="shibuzhong">十不中</button>
            </div>

            <!-- 色波子玩法 -->
            <div class="sub-tabs sebo-tabs">
                <button class="sub-tab active" data-sub="qisebo">七色波</button>
            </div>
        </div>

        <!-- 界面切换按钮 -->
        <div class="view-switch">
            <button class="switch-btn active" id="bettingViewBtn">
                <i class="fas fa-gamepad"></i>
                投注界面
            </button>
            <button class="switch-btn" id="bankerViewBtn">
                <i class="fas fa-crown"></i>
                坐庄系统
            </button>
        </div>

        <!-- 投注说明 -->
                    <div class="betting-info" id="bettingInfo">
                <i class="fas fa-info-circle"></i>
                <span id="bettingRules">从1-49中选择一位特码，赔率：<span class="odds">48.5</span></span>
            </div>

        <!-- 主要内容区域 -->
        <main class="main-content" id="bettingContent">
            <!-- 特码直选 -->
            <div class="content-panel tema-zhixuan active">
                <div class="number-section">
                    <div class="section-label">号码</div>
                    <div class="number-grid">
                        <!-- 号码将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="selectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="confirmSelectionBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 特码两面 -->
            <div class="content-panel tema-liangmian">
                <div class="sides-grid">
                    <button class="side-btn" data-bet="da" data-odds="1.980">大<br><span class="odds-text">赔率1.980</span></button>
                    <button class="side-btn" data-bet="xiao" data-odds="1.980">小<br><span class="odds-text">赔率1.980</span></button>
                    <button class="side-btn" data-bet="dan" data-odds="1.980">单<br><span class="odds-text">赔率1.980</span></button>
                    <button class="side-btn" data-bet="shuang" data-odds="1.980">双<br><span class="odds-text">赔率1.980</span></button>
                    <button class="side-btn" data-bet="dadan" data-odds="3.960">大单<br><span class="odds-text">赔率3.960</span></button>
                    <button class="side-btn" data-bet="dashuang" data-odds="3.960">大双<br><span class="odds-text">赔率3.960</span></button>
                    
                    <button class="side-btn" data-bet="xiaodan" data-odds="3.960">小单<br><span class="odds-text">赔率3.960</span></button>
                    <button class="side-btn" data-bet="xiaoshuang" data-odds="3.960">小双<br><span class="odds-text">赔率3.960</span></button>
                    <button class="side-btn" data-bet="heda" data-odds="1.980">合大<br><span class="odds-text">赔率1.980</span></button>
                    <button class="side-btn" data-bet="hexiao" data-odds="1.980">合小<br><span class="odds-text">赔率1.980</span></button>
                    <button class="side-btn" data-bet="hedan" data-odds="1.980">合单<br><span class="odds-text">赔率1.980</span></button>
                    <button class="side-btn" data-bet="heshuang" data-odds="1.980">合双<br><span class="odds-text">赔率1.980</span></button>
                    
                    <button class="side-btn" data-bet="weida" data-odds="1.980">尾大<br><span class="odds-text">赔率1.980</span></button>
                    <button class="side-btn" data-bet="weixiao" data-odds="1.980">尾小<br><span class="odds-text">赔率1.980</span></button>
                    <button class="side-btn" data-bet="jiaqin" data-odds="1.979">家禽<br><span class="odds-text">赔率1.979</span></button>
                    <button class="side-btn" data-bet="yeshou" data-odds="1.900">野兽<br><span class="odds-text">赔率1.900</span></button>
                    <button class="side-btn red" data-bet="hongbo" data-odds="2.790">红波<br><span class="odds-text">赔率2.790</span></button>
                    <button class="side-btn green" data-bet="lvbo" data-odds="2.980">绿波<br><span class="odds-text">赔率2.980</span></button>
                    
                    <button class="side-btn blue" data-bet="lanbo" data-odds="2.980">蓝波<br><span class="odds-text">赔率2.980</span></button>
                </div>
            </div>

            <!-- 正码任选 -->
            <div class="content-panel zhengma-renxuan">
                <div class="number-section">
                    <div class="section-label">号码</div>
                    <div class="number-grid">
                        <!-- 号码将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="zhengmaSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="zhengmaConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 正码1特 -->
            <div class="content-panel zhengma-zheng1te">
                <div class="number-section">
                    <div class="section-label">号码</div>
                    <div class="number-grid">
                        <!-- 号码将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="zheng1teSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="zheng1teConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 正码2特 -->
            <div class="content-panel zhengma-zheng2te">
                <div class="number-section">
                    <div class="section-label">号码</div>
                    <div class="number-grid">
                        <!-- 号码将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="zheng2teSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="zheng2teConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 正码3特 -->
            <div class="content-panel zhengma-zheng3te">
                <div class="number-section">
                    <div class="section-label">号码</div>
                    <div class="number-grid">
                        <!-- 号码将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="zheng3teSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="zheng3teConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 正码4特 -->
            <div class="content-panel zhengma-zheng4te">
                <div class="number-section">
                    <div class="section-label">号码</div>
                    <div class="number-grid">
                        <!-- 号码将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="zheng4teSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="zheng4teConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 正码5特 -->
            <div class="content-panel zhengma-zheng5te">
                <div class="number-section">
                    <div class="section-label">号码</div>
                    <div class="number-grid">
                        <!-- 号码将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="zheng5teSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="zheng5teConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 正码6特 -->
            <div class="content-panel zhengma-zheng6te">
                <div class="number-section">
                    <div class="section-label">号码</div>
                    <div class="number-grid">
                        <!-- 号码将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="zheng6teSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="zheng6teConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 正码1两面 -->
            <div class="content-panel zhengma-zheng1lm">
                <div class="sides-grid">
                    <button class="side-btn" data-bet="da" data-odds="1.980" data-position="1">大<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="xiao" data-odds="1.980" data-position="1">小<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="dan" data-odds="1.980" data-position="1">单<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="shuang" data-odds="1.980" data-position="1">双<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="dadan" data-odds="3.960" data-position="1">大单<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="dashuang" data-odds="3.960" data-position="1">大双<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="xiaodan" data-odds="3.960" data-position="1">小单<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="xiaoshuang" data-odds="3.960" data-position="1">小双<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="heda" data-odds="1.980" data-position="1">合大<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="hexiao" data-odds="1.980" data-position="1">合小<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="hedan" data-odds="1.980" data-position="1">合单<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="heshuang" data-odds="1.980" data-position="1">合双<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="weida" data-odds="1.980" data-position="1">尾大<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="weixiao" data-odds="1.980" data-position="1">尾小<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="jiaqin" data-odds="1.979" data-position="1">家禽<br><span class="odds">赔率1.979</span></button>
                    <button class="side-btn" data-bet="yeshou" data-odds="1.900" data-position="1">野兽<br><span class="odds">赔率1.900</span></button>
                    <button class="side-btn red" data-bet="hongbo" data-odds="2.790" data-position="1">红波<br><span class="odds">赔率2.790</span></button>
                    <button class="side-btn green" data-bet="lvbo" data-odds="2.980" data-position="1">绿波<br><span class="odds">赔率2.980</span></button>
                    <button class="side-btn blue" data-bet="lanbo" data-odds="2.980" data-position="1">蓝波<br><span class="odds">赔率2.980</span></button>
                </div>
            </div>

            <!-- 正码2两面 -->
            <div class="content-panel zhengma-zheng2lm">
                <div class="sides-grid">
                    <button class="side-btn" data-bet="da" data-odds="1.980" data-position="2">大<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="xiao" data-odds="1.980" data-position="2">小<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="dan" data-odds="1.980" data-position="2">单<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="shuang" data-odds="1.980" data-position="2">双<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="dadan" data-odds="3.960" data-position="2">大单<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="dashuang" data-odds="3.960" data-position="2">大双<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="xiaodan" data-odds="3.960" data-position="2">小单<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="xiaoshuang" data-odds="3.960" data-position="2">小双<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="heda" data-odds="1.980" data-position="2">合大<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="hexiao" data-odds="1.980" data-position="2">合小<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="hedan" data-odds="1.980" data-position="2">合单<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="heshuang" data-odds="1.980" data-position="2">合双<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="weida" data-odds="1.980" data-position="2">尾大<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="weixiao" data-odds="1.980" data-position="2">尾小<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="jiaqin" data-odds="1.979" data-position="2">家禽<br><span class="odds">赔率1.979</span></button>
                    <button class="side-btn" data-bet="yeshou" data-odds="1.900" data-position="2">野兽<br><span class="odds">赔率1.900</span></button>
                    <button class="side-btn red" data-bet="hongbo" data-odds="2.790" data-position="2">红波<br><span class="odds">赔率2.790</span></button>
                    <button class="side-btn green" data-bet="lvbo" data-odds="2.980" data-position="2">绿波<br><span class="odds">赔率2.980</span></button>
                    <button class="side-btn blue" data-bet="lanbo" data-odds="2.980" data-position="2">蓝波<br><span class="odds">赔率2.980</span></button>
                </div>
            </div>

            <!-- 正码3两面 -->
            <div class="content-panel zhengma-zheng3lm">
                <div class="sides-grid">
                    <button class="side-btn" data-bet="da" data-odds="1.980" data-position="3">大<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="xiao" data-odds="1.980" data-position="3">小<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="dan" data-odds="1.980" data-position="3">单<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="shuang" data-odds="1.980" data-position="3">双<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="dadan" data-odds="3.960" data-position="3">大单<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="dashuang" data-odds="3.960" data-position="3">大双<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="xiaodan" data-odds="3.960" data-position="3">小单<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="xiaoshuang" data-odds="3.960" data-position="3">小双<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="heda" data-odds="1.980" data-position="3">合大<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="hexiao" data-odds="1.980" data-position="3">合小<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="hedan" data-odds="1.980" data-position="3">合单<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="heshuang" data-odds="1.980" data-position="3">合双<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="weida" data-odds="1.980" data-position="3">尾大<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="weixiao" data-odds="1.980" data-position="3">尾小<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="jiaqin" data-odds="1.979" data-position="3">家禽<br><span class="odds">赔率1.979</span></button>
                    <button class="side-btn" data-bet="yeshou" data-odds="1.900" data-position="3">野兽<br><span class="odds">赔率1.900</span></button>
                    <button class="side-btn red" data-bet="hongbo" data-odds="2.790" data-position="3">红波<br><span class="odds">赔率2.790</span></button>
                    <button class="side-btn green" data-bet="lvbo" data-odds="2.980" data-position="3">绿波<br><span class="odds">赔率2.980</span></button>
                    <button class="side-btn blue" data-bet="lanbo" data-odds="2.980" data-position="3">蓝波<br><span class="odds">赔率2.980</span></button>
                </div>
            </div>

            <!-- 正码4两面 -->
            <div class="content-panel zhengma-zheng4lm">
                <div class="sides-grid">
                    <button class="side-btn" data-bet="da" data-odds="1.980" data-position="4">大<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="xiao" data-odds="1.980" data-position="4">小<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="dan" data-odds="1.980" data-position="4">单<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="shuang" data-odds="1.980" data-position="4">双<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="dadan" data-odds="3.960" data-position="4">大单<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="dashuang" data-odds="3.960" data-position="4">大双<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="xiaodan" data-odds="3.960" data-position="4">小单<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="xiaoshuang" data-odds="3.960" data-position="4">小双<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="heda" data-odds="1.980" data-position="4">合大<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="hexiao" data-odds="1.980" data-position="4">合小<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="hedan" data-odds="1.980" data-position="4">合单<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="heshuang" data-odds="1.980" data-position="4">合双<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="weida" data-odds="1.980" data-position="4">尾大<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="weixiao" data-odds="1.980" data-position="4">尾小<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="jiaqin" data-odds="1.979" data-position="4">家禽<br><span class="odds">赔率1.979</span></button>
                    <button class="side-btn" data-bet="yeshou" data-odds="1.900" data-position="4">野兽<br><span class="odds">赔率1.900</span></button>
                    <button class="side-btn red" data-bet="hongbo" data-odds="2.790" data-position="4">红波<br><span class="odds">赔率2.790</span></button>
                    <button class="side-btn green" data-bet="lvbo" data-odds="2.980" data-position="4">绿波<br><span class="odds">赔率2.980</span></button>
                    <button class="side-btn blue" data-bet="lanbo" data-odds="2.980" data-position="4">蓝波<br><span class="odds">赔率2.980</span></button>
                </div>
            </div>

            <!-- 正码5两面 -->
            <div class="content-panel zhengma-zheng5lm">
                <div class="sides-grid">
                    <button class="side-btn" data-bet="da" data-odds="1.980" data-position="5">大<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="xiao" data-odds="1.980" data-position="5">小<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="dan" data-odds="1.980" data-position="5">单<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="shuang" data-odds="1.980" data-position="5">双<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="dadan" data-odds="3.960" data-position="5">大单<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="dashuang" data-odds="3.960" data-position="5">大双<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="xiaodan" data-odds="3.960" data-position="5">小单<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="xiaoshuang" data-odds="3.960" data-position="5">小双<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="heda" data-odds="1.980" data-position="5">合大<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="hexiao" data-odds="1.980" data-position="5">合小<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="hedan" data-odds="1.980" data-position="5">合单<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="heshuang" data-odds="1.980" data-position="5">合双<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="weida" data-odds="1.980" data-position="5">尾大<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="weixiao" data-odds="1.980" data-position="5">尾小<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="jiaqin" data-odds="1.979" data-position="5">家禽<br><span class="odds">赔率1.979</span></button>
                    <button class="side-btn" data-bet="yeshou" data-odds="1.900" data-position="5">野兽<br><span class="odds">赔率1.900</span></button>
                    <button class="side-btn red" data-bet="hongbo" data-odds="2.790" data-position="5">红波<br><span class="odds">赔率2.790</span></button>
                    <button class="side-btn green" data-bet="lvbo" data-odds="2.980" data-position="5">绿波<br><span class="odds">赔率2.980</span></button>
                    <button class="side-btn blue" data-bet="lanbo" data-odds="2.980" data-position="5">蓝波<br><span class="odds">赔率2.980</span></button>
                </div>
            </div>

            <!-- 正码6两面 -->
            <div class="content-panel zhengma-zheng6lm">
                <div class="sides-grid">
                    <button class="side-btn" data-bet="da" data-odds="1.980" data-position="6">大<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="xiao" data-odds="1.980" data-position="6">小<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="dan" data-odds="1.980" data-position="6">单<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="shuang" data-odds="1.980" data-position="6">双<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="dadan" data-odds="3.960" data-position="6">大单<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="dashuang" data-odds="3.960" data-position="6">大双<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="xiaodan" data-odds="3.960" data-position="6">小单<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="xiaoshuang" data-odds="3.960" data-position="6">小双<br><span class="odds">赔率3.960</span></button>
                    <button class="side-btn" data-bet="heda" data-odds="1.980" data-position="6">合大<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="hexiao" data-odds="1.980" data-position="6">合小<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="hedan" data-odds="1.980" data-position="6">合单<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="heshuang" data-odds="1.980" data-position="6">合双<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="weida" data-odds="1.980" data-position="6">尾大<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="weixiao" data-odds="1.980" data-position="6">尾小<br><span class="odds">赔率1.980</span></button>
                    <button class="side-btn" data-bet="jiaqin" data-odds="1.979" data-position="6">家禽<br><span class="odds">赔率1.979</span></button>
                    <button class="side-btn" data-bet="yeshou" data-odds="1.900" data-position="6">野兽<br><span class="odds">赔率1.900</span></button>
                    <button class="side-btn red" data-bet="hongbo" data-odds="2.790" data-position="6">红波<br><span class="odds">赔率2.790</span></button>
                    <button class="side-btn green" data-bet="lvbo" data-odds="2.980" data-position="6">绿波<br><span class="odds">赔率2.980</span></button>
                    <button class="side-btn blue" data-bet="lanbo" data-odds="2.980" data-position="6">蓝波<br><span class="odds">赔率2.980</span></button>
                </div>
            </div>

            <!-- 连码三全中 -->
            <div class="content-panel lianma-sanquanzhong">
                <div class="number-section">
                    <div class="section-label">号码</div>
                    <div class="number-grid">
                        <!-- 号码将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="sanquanzhongSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="sanquanzhongConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 连码三中二 -->
            <div class="content-panel lianma-sanzhonger">
                <div class="number-section">
                    <div class="section-label">号码</div>
                    <div class="number-grid">
                        <!-- 号码将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="sanzhongerSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="sanzhongerConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 连码二全中 -->
            <div class="content-panel lianma-erquanzhong">
                <div class="number-section">
                    <div class="section-label">号码</div>
                    <div class="number-grid">
                        <!-- 号码将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="erquanzhongSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="erquanzhongConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 连码二中特 -->
            <div class="content-panel lianma-erzhongte">
                <div class="number-section">
                    <div class="section-label">号码</div>
                    <div class="number-grid">
                        <!-- 号码将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="erzhongteSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="erzhongteConfirmBtn" disabled>确认选号</button>
                </div>
                <!-- 赔率表 -->
                <div class="odds-table">
                    <div class="odds-header">
                        <span class="odds-title">猜中</span>
                        <span class="odds-title">单注最高奖金</span>
                    </div>
                    <div class="odds-row">
                        <span class="odds-label">二中</span>
                        <span class="odds-value">55.000元</span>
                    </div>
                    <div class="odds-row">
                        <span class="odds-label">中特</span>
                        <span class="odds-value">48.000元</span>
                    </div>
                </div>
            </div>

            <!-- 连码特串 -->
            <div class="content-panel lianma-techuan">
                <div class="number-section">
                    <div class="section-label">号码</div>
                    <div class="number-grid">
                        <!-- 号码将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="techuanSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="techuanConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 特码半波 -->
            <div class="content-panel banbo-temabanbo">
                <div class="banbo-section">
                    <div class="section-label">半波</div>
                    <div class="banbo-grid-detailed">
                        <button class="banbo-btn-detailed red" data-banbo="red_big" data-odds="6.699">
                            <div class="banbo-title">红大</div>
                            <div class="banbo-numbers">29 30 34 35 40 45 46</div>
                            <div class="banbo-odds">赔率6.699</div>
                        </button>
                        <button class="banbo-btn-detailed red" data-banbo="red_small" data-odds="4.700">
                            <div class="banbo-title">红小</div>
                            <div class="banbo-numbers">01 02 07 08 12 13 18 19 23 24</div>
                            <div class="banbo-odds">赔率4.700</div>
                        </button>
                        <button class="banbo-btn-detailed red" data-banbo="red_odd" data-odds="5.800">
                            <div class="banbo-title">红单</div>
                            <div class="banbo-numbers">01 07 13 19 23 29 35 45</div>
                            <div class="banbo-odds">赔率5.800</div>
                        </button>
                        <button class="banbo-btn-detailed red" data-banbo="red_even" data-odds="5.199">
                            <div class="banbo-title">红双</div>
                            <div class="banbo-numbers">02 08 12 18 24 30 34 40 46</div>
                            <div class="banbo-odds">赔率5.199</div>
                        </button>
                        <button class="banbo-btn-detailed red" data-banbo="red_sum_odd" data-odds="5.199">
                            <div class="banbo-title">红合单</div>
                            <div class="banbo-numbers">01 07 12 18 23 29 30 34 45</div>
                            <div class="banbo-odds">赔率5.199</div>
                        </button>
                        
                        <button class="banbo-btn-detailed red" data-banbo="red_sum_even" data-odds="5.800">
                            <div class="banbo-title">红合双</div>
                            <div class="banbo-numbers">02 08 13 19 24 35 40 46</div>
                            <div class="banbo-odds">赔率5.800</div>
                        </button>
                        <button class="banbo-btn-detailed green" data-banbo="green_big" data-odds="5.800">
                            <div class="banbo-title">绿大</div>
                            <div class="banbo-numbers">27 28 32 33 38 39 43 44</div>
                            <div class="banbo-odds">赔率5.800</div>
                        </button>
                        <button class="banbo-btn-detailed green" data-banbo="green_small" data-odds="6.700">
                            <div class="banbo-title">绿小</div>
                            <div class="banbo-numbers">05 06 11 16 17 21 22</div>
                            <div class="banbo-odds">赔率6.700</div>
                        </button>
                        <button class="banbo-btn-detailed green" data-banbo="green_odd" data-odds="5.800">
                            <div class="banbo-title">绿单</div>
                            <div class="banbo-numbers">05 11 17 21 27 33 39 43</div>
                            <div class="banbo-odds">赔率5.800</div>
                        </button>
                        <button class="banbo-btn-detailed green" data-banbo="green_even" data-odds="6.700">
                            <div class="banbo-title">绿双</div>
                            <div class="banbo-numbers">06 16 22 28 32 38 44</div>
                            <div class="banbo-odds">赔率6.700</div>
                        </button>
                        
                        <button class="banbo-btn-detailed green" data-banbo="green_sum_odd" data-odds="6.700">
                            <div class="banbo-title">绿合单</div>
                            <div class="banbo-numbers">05 16 21 27 32 38 43</div>
                            <div class="banbo-odds">赔率6.700</div>
                        </button>
                        <button class="banbo-btn-detailed green" data-banbo="green_sum_even" data-odds="5.800">
                            <div class="banbo-title">绿合双</div>
                            <div class="banbo-numbers">06 11 17 22 28 33 39 44</div>
                            <div class="banbo-odds">赔率5.800</div>
                        </button>
                        <button class="banbo-btn-detailed blue" data-banbo="blue_big" data-odds="5.200">
                            <div class="banbo-title">蓝大</div>
                            <div class="banbo-numbers">25 26 31 36 37 41 42 47 48</div>
                            <div class="banbo-odds">赔率5.200</div>
                        </button>
                        <button class="banbo-btn-detailed blue" data-banbo="blue_small" data-odds="6.700">
                            <div class="banbo-title">蓝小</div>
                            <div class="banbo-numbers">03 04 09 10 14 15 20</div>
                            <div class="banbo-odds">赔率6.700</div>
                        </button>
                        <button class="banbo-btn-detailed blue" data-banbo="blue_odd" data-odds="5.800">
                            <div class="banbo-title">蓝单</div>
                            <div class="banbo-numbers">03 09 15 25 31 37 41 47</div>
                            <div class="banbo-odds">赔率5.800</div>
                        </button>
                        
                        <button class="banbo-btn-detailed blue" data-banbo="blue_even" data-odds="5.800">
                            <div class="banbo-title">蓝双</div>
                            <div class="banbo-numbers">04 10 14 20 26 36 42 48</div>
                            <div class="banbo-odds">赔率5.800</div>
                        </button>
                        <button class="banbo-btn-detailed blue" data-banbo="blue_sum_odd" data-odds="5.800">
                            <div class="banbo-title">蓝合单</div>
                            <div class="banbo-numbers">03 09 10 14 25 36 41 47</div>
                            <div class="banbo-odds">赔率5.800</div>
                        </button>
                        <button class="banbo-btn-detailed blue" data-banbo="blue_sum_even" data-odds="5.800">
                            <div class="banbo-title">蓝合双</div>
                            <div class="banbo-numbers">04 15 20 26 31 37 42 48</div>
                            <div class="banbo-odds">赔率5.800</div>
                        </button>
                    </div>
                </div>
                <div class="selection-info">
                    <span id="banboSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="banboConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 生肖特肖 -->
            <div class="content-panel shengxiao-texiao">
                <div class="animal-section">
                    <div class="section-label">生肖</div>
                    <div class="animal-grid">
                        <!-- 生肖按钮将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="texiaoSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="texiaoConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 生肖一肖 -->
            <div class="content-panel shengxiao-yixiao">
                <div class="animal-section">
                    <div class="section-label">生肖</div>
                    <div class="animal-grid">
                        <!-- 生肖按钮将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="yixiaoSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="yixiaoConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 生肖二肖连 -->
            <div class="content-panel shengxiao-erxiaolian">
                <div class="animal-section">
                    <div class="section-label">生肖</div>
                    <div class="animal-grid">
                        <!-- 生肖按钮将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="erxiaolianSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="erxiaolianConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 生肖三肖连 -->
            <div class="content-panel shengxiao-sanxiaolian">
                <div class="animal-section">
                    <div class="section-label">生肖</div>
                    <div class="animal-grid">
                        <!-- 生肖按钮将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="sanxiaolianSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="sanxiaolianConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 生肖四肖连 -->
            <div class="content-panel shengxiao-sixiaolian">
                <div class="animal-section">
                    <div class="section-label">生肖</div>
                    <div class="animal-grid">
                        <!-- 生肖按钮将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="sixiaolianSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="sixiaolianConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 生肖总肖 -->
            <div class="content-panel shengxiao-zongxiao">
                <div class="zongxiao-section">
                    <div class="section-label">总肖选项</div>
                    <div class="zongxiao-grid">
                        <button class="zongxiao-btn" data-zongxiao="234xiao" data-odds="14.999">
                            <div class="zongxiao-name">234肖</div>
                            <div class="zongxiao-odds">赔率14.999</div>
                        </button>
                        <button class="zongxiao-btn" data-zongxiao="5xiao" data-odds="3.089">
                            <div class="zongxiao-name">5肖</div>
                            <div class="zongxiao-odds">赔率3.089</div>
                        </button>
                        <button class="zongxiao-btn" data-zongxiao="6xiao" data-odds="1.969">
                            <div class="zongxiao-name">6肖</div>
                            <div class="zongxiao-odds">赔率1.969</div>
                        </button>
                        <button class="zongxiao-btn" data-zongxiao="7xiao" data-odds="5.419">
                            <div class="zongxiao-name">7肖</div>
                            <div class="zongxiao-odds">赔率5.419</div>
                        </button>
                        <button class="zongxiao-btn" data-zongxiao="dan" data-odds="1.979">
                            <div class="zongxiao-name">总肖单</div>
                            <div class="zongxiao-odds">赔率1.979</div>
                        </button>
                        <button class="zongxiao-btn" data-zongxiao="shuang" data-odds="1.839">
                            <div class="zongxiao-name">总肖双</div>
                            <div class="zongxiao-odds">赔率1.839</div>
                        </button>
                    </div>
                </div>
                <div class="selection-info">
                    <span id="zongxiaoSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="zongxiaoConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 生肖正肖 -->
            <div class="content-panel shengxiao-zhengxiao">
                <div class="animal-section">
                    <div class="section-label">生肖</div>
                    <div class="animal-grid">
                        <!-- 生肖按钮将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="zhengxiaoSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="zhengxiaoConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 生肖合肖中 -->
            <div class="content-panel shengxiao-hexiaozhong">
                <div class="hexiao-section">
                    <div class="section-label">生肖</div>
                    <div class="animal-grid">
                        <!-- 生肖按钮将由JavaScript动态生成 -->
                    </div>
                    <!-- 赔率表 -->
                    <div class="odds-table hexiao-odds-table">
                        <div class="odds-header">
                            <span class="odds-title">猜中</span>
                            <span class="odds-title">单注最高奖金</span>
                        </div>
                        <div class="odds-row">
                            <span class="odds-label">中2生肖组合</span>
                            <span class="odds-value">5.810元</span>
                        </div>
                        <div class="odds-row">
                            <span class="odds-label">中3生肖组合</span>
                            <span class="odds-value">3.870元</span>
                        </div>
                        <div class="odds-row">
                            <span class="odds-label">中4生肖组合</span>
                            <span class="odds-value">2.900元</span>
                        </div>
                        <div class="odds-row">
                            <span class="odds-label">中5生肖组合</span>
                            <span class="odds-value">2.320元</span>
                        </div>
                        <div class="odds-row">
                            <span class="odds-label">中6生肖组合</span>
                            <span class="odds-value">1.940元</span>
                        </div>
                        <div class="odds-row">
                            <span class="odds-label">中7生肖组合</span>
                            <span class="odds-value">1.669元</span>
                        </div>
                        <div class="odds-row">
                            <span class="odds-label">中8生肖组合</span>
                            <span class="odds-value">1.450元</span>
                        </div>
                        <div class="odds-row">
                            <span class="odds-label">中9生肖组合</span>
                            <span class="odds-value">1.299元</span>
                        </div>
                        <div class="odds-row">
                            <span class="odds-label">中10生肖组合</span>
                            <span class="odds-value">1.170元</span>
                        </div>
                    </div>
                </div>
                <div class="selection-info">
                    <span id="hexiaozhongSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="hexiaozhongConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 生肖合肖不中 -->
            <div class="content-panel shengxiao-hexiaobuzhong">
                <div class="hexiao-section">
                    <div class="section-label">生肖</div>
                    <div class="animal-grid">
                        <!-- 生肖按钮将由JavaScript动态生成 -->
                    </div>
                    <!-- 赔率表 -->
                    <div class="odds-table hexiao-odds-table">
                        <div class="odds-header">
                            <span class="odds-title">猜中</span>
                            <span class="odds-title">单注最高奖金</span>
                        </div>
                        <div class="odds-row">
                            <span class="odds-label">不中2生肖组合</span>
                            <span class="odds-value">1.160元</span>
                        </div>
                        <div class="odds-row">
                            <span class="odds-label">不中3生肖组合</span>
                            <span class="odds-value">1.299元</span>
                        </div>
                        <div class="odds-row">
                            <span class="odds-label">不中4生肖组合</span>
                            <span class="odds-value">1.460元</span>
                        </div>
                        <div class="odds-row">
                            <span class="odds-label">不中5生肖组合</span>
                            <span class="odds-value">1.669元</span>
                        </div>
                        <div class="odds-row">
                            <span class="odds-label">不中6生肖组合</span>
                            <span class="odds-value">1.950元</span>
                        </div>
                        <div class="odds-row">
                            <span class="odds-label">不中7生肖组合</span>
                            <span class="odds-value">2.330元</span>
                        </div>
                        <div class="odds-row">
                            <span class="odds-label">不中8生肖组合</span>
                            <span class="odds-value">2.910元</span>
                        </div>
                        <div class="odds-row">
                            <span class="odds-label">不中9生肖组合</span>
                            <span class="odds-value">3.890元</span>
                        </div>
                        <div class="odds-row">
                            <span class="odds-label">不中10生肖组合</span>
                            <span class="odds-value">3.830元</span>
                        </div>
                    </div>
                </div>
                <div class="selection-info">
                    <span id="hexiaobuzhongSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="hexiaobuzhongConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 尾数特码头尾 -->
            <div class="content-panel weishu-tematowei">
                <div class="tail-section">
                    <div class="section-label">特码头尾</div>
                    <div class="tail-grid">
                        <div class="tail-row">
                            <div class="tail-label">头(十位)</div>
                            <div class="tail-numbers">
                                <button class="tail-btn" data-tail-type="head" data-tail="0">0<br><span class="tail-odds">赔率9.200</span></button>
                                <button class="tail-btn" data-tail-type="head" data-tail="1">1<br><span class="tail-odds">赔率9.200</span></button>
                                <button class="tail-btn" data-tail-type="head" data-tail="2">2<br><span class="tail-odds">赔率9.200</span></button>
                                <button class="tail-btn" data-tail-type="head" data-tail="3">3<br><span class="tail-odds">赔率9.200</span></button>
                                <button class="tail-btn" data-tail-type="head" data-tail="4">4<br><span class="tail-odds">赔率9.200</span></button>
                            </div>
                        </div>
                        <div class="tail-row">
                            <div class="tail-label">尾(个位)</div>
                            <div class="tail-numbers">
                                <button class="tail-btn" data-tail-type="tail" data-tail="0">0<br><span class="tail-odds">赔率4.500</span></button>
                                <button class="tail-btn" data-tail-type="tail" data-tail="1">1<br><span class="tail-odds">赔率4.500</span></button>
                                <button class="tail-btn" data-tail-type="tail" data-tail="2">2<br><span class="tail-odds">赔率4.500</span></button>
                                <button class="tail-btn" data-tail-type="tail" data-tail="3">3<br><span class="tail-odds">赔率4.500</span></button>
                                <button class="tail-btn" data-tail-type="tail" data-tail="4">4<br><span class="tail-odds">赔率4.500</span></button>
                                <button class="tail-btn" data-tail-type="tail" data-tail="5">5<br><span class="tail-odds">赔率4.500</span></button>
                                <button class="tail-btn" data-tail-type="tail" data-tail="6">6<br><span class="tail-odds">赔率4.500</span></button>
                                <button class="tail-btn" data-tail-type="tail" data-tail="7">7<br><span class="tail-odds">赔率4.500</span></button>
                                <button class="tail-btn" data-tail-type="tail" data-tail="8">8<br><span class="tail-odds">赔率4.500</span></button>
                                <button class="tail-btn" data-tail-type="tail" data-tail="9">9<br><span class="tail-odds">赔率4.500</span></button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="selection-info">
                    <span id="tematoweiSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="tematoweiConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 尾数二尾连 -->
            <div class="content-panel weishu-erweilian">
                <div class="tail-section">
                    <div class="section-label">尾数</div>
                    <div class="tail-grid single-row">
                        <div class="tail-numbers">
                            <button class="tail-btn" data-tail="0">0<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="1">1<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="2">2<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="3">3<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="4">4<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="5">5<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="6">6<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="7">7<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="8">8<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="9">9<br><span class="tail-odds">赔率4.500</span></button>
                        </div>
                    </div>
                </div>
                <div class="selection-info">
                    <span id="erweilianSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="erweilianConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 尾数三尾连 -->
            <div class="content-panel weishu-sanweilian">
                <div class="tail-section">
                    <div class="section-label">尾数</div>
                    <div class="tail-grid single-row">
                        <div class="tail-numbers">
                            <button class="tail-btn" data-tail="0">0<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="1">1<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="2">2<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="3">3<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="4">4<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="5">5<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="6">6<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="7">7<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="8">8<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="9">9<br><span class="tail-odds">赔率4.500</span></button>
                        </div>
                    </div>
                </div>
                <div class="selection-info">
                    <span id="sanweilianSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="sanweilianConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 尾数四尾连 -->
            <div class="content-panel weishu-siweilian">
                <div class="tail-section">
                    <div class="section-label">尾数</div>
                    <div class="tail-grid single-row">
                        <div class="tail-numbers">
                            <button class="tail-btn" data-tail="0">0<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="1">1<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="2">2<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="3">3<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="4">4<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="5">5<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="6">6<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="7">7<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="8">8<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="9">9<br><span class="tail-odds">赔率4.500</span></button>
                        </div>
                    </div>
                </div>
                <div class="selection-info">
                    <span id="siweilianSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="siweilianConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 尾数正特尾数 -->
            <div class="content-panel weishu-zhengteweishu">
                <div class="tail-section">
                    <div class="section-label">尾数</div>
                    <div class="tail-grid single-row">
                        <div class="tail-numbers">
                            <button class="tail-btn" data-tail="0">0<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="1">1<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="2">2<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="3">3<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="4">4<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="5">5<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="6">6<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="7">7<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="8">8<br><span class="tail-odds">赔率4.500</span></button>
                            <button class="tail-btn" data-tail="9">9<br><span class="tail-odds">赔率4.500</span></button>
                        </div>
                    </div>
                </div>
                <div class="selection-info">
                    <span id="zhengteweishuSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="zhengteweishuConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 不中五不中 -->
            <div class="content-panel buzhong-wubuzhong">
                <div class="number-section">
                    <div class="section-label">号码</div>
                    <div class="number-grid">
                        <!-- 号码将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="wubuzhongSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="wubuzhongConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 不中六不中 -->
            <div class="content-panel buzhong-liubuzhong">
                <div class="number-section">
                    <div class="section-label">号码</div>
                    <div class="number-grid">
                        <!-- 号码将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="liubuzhongSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="liubuzhongConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 不中七不中 -->
            <div class="content-panel buzhong-qibuzhong">
                <div class="number-section">
                    <div class="section-label">号码</div>
                    <div class="number-grid">
                        <!-- 号码将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="qibuzhongSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="qibuzhongConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 不中八不中 -->
            <div class="content-panel buzhong-babuzhong">
                <div class="number-section">
                    <div class="section-label">号码</div>
                    <div class="number-grid">
                        <!-- 号码将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="babuzhongSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="babuzhongConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 不中九不中 -->
            <div class="content-panel buzhong-jiubuzhong">
                <div class="number-section">
                    <div class="section-label">号码</div>
                    <div class="number-grid">
                        <!-- 号码将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="jiubuzhongSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="jiubuzhongConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 不中十不中 -->
            <div class="content-panel buzhong-shibuzhong">
                <div class="number-section">
                    <div class="section-label">号码</div>
                    <div class="number-grid">
                        <!-- 号码将由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="selection-info">
                    <span id="shibuzhongSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="shibuzhongConfirmBtn" disabled>确认选号</button>
                </div>
            </div>

            <!-- 色波七色波 -->
            <div class="content-panel sebo-qisebo">
                <div class="sebo-section">
                    <div class="section-label">色波</div>
                    <div class="sebo-grid">
                        <button class="sebo-btn hongbo" data-sebo="hongbo" data-odds="2.689">
                            红波
                            <div class="sebo-odds">赔率2.689</div>
                        </button>
                        <button class="sebo-btn lvbo" data-sebo="lvbo" data-odds="3.049">
                            绿波
                            <div class="sebo-odds">赔率3.049</div>
                        </button>
                        <button class="sebo-btn lanbo" data-sebo="lanbo" data-odds="3.049">
                            蓝波
                            <div class="sebo-odds">赔率3.049</div>
                        </button>
                        <button class="sebo-btn he" data-sebo="he" data-odds="25.399">
                            和
                            <div class="sebo-odds">赔率25.399</div>
                        </button>
                    </div>
                </div>
                <div class="selection-info">
                    <span id="qiseboSelectionCount">您选择了 0 注</span>
                    <button class="confirm-selection-btn" id="qiseboConfirmBtn" disabled>确认选号</button>
                </div>
            </div>
        </main>

        <!-- 坐庄系统界面 -->
        <div class="banker-content" id="bankerContent" style="display: none;">
            <div class="banker-header">
                <h2><i class="fas fa-crown"></i> 坐庄系统管理</h2>
                <div class="banker-controls">
                    <button class="banker-btn" id="refreshBetsBtn">
                        <i class="fas fa-sync-alt"></i> 刷新投注
                    </button>
                    <button class="banker-btn" id="clearAllBetsBtn">
                        <i class="fas fa-trash"></i> 清空所有投注
                    </button>
                    <button class="banker-btn primary" id="calculateRiskBtn">
                        <i class="fas fa-calculator"></i> 计算风险
                    </button>
                </div>
            </div>
            
            <!-- 投注汇总 -->
            <div class="banker-summary">
                <div class="summary-card">
                    <div class="summary-label">总投注笔数</div>
                    <div class="summary-value" id="totalBetCount">0</div>
                </div>
                <div class="summary-card">
                    <div class="summary-label">总投注金额</div>
                    <div class="summary-value" id="totalBetAmount">¥0</div>
                </div>
                <div class="summary-card">
                    <div class="summary-label">最大潜在赔付</div>
                    <div class="summary-value danger" id="maxPotentialPayout">¥0</div>
                </div>
                <div class="summary-card">
                    <div class="summary-label">预计利润</div>
                    <div class="summary-value profit" id="expectedProfit">¥0</div>
                </div>
            </div>

            <!-- 投注详情表 -->
            <div class="banker-table-container">
                <h3><i class="fas fa-list"></i> 所有投注详情</h3>
                <div class="banker-table">
                    <div class="table-header">
                        <span>投注ID</span>
                        <span>玩法</span>
                        <span>投注内容</span>
                        <span>注数</span>
                        <span>单注金额</span>
                        <span>总金额</span>
                        <span>赔率</span>
                        <span>潜在赔付</span>
                        <span>操作</span>
                    </div>
                    <div class="table-body" id="bankerTableBody">
                        <!-- 投注数据将由JavaScript动态生成 -->
                    </div>
                </div>
            </div>

            <!-- 风险分析 -->
            <div class="risk-analysis">
                <h3><i class="fas fa-chart-line"></i> 风险分析 - 各号码开奖盈亏预测</h3>
                
                <!-- 服务器开奖逻辑 -->
                <div class="server-lottery-section">
                    <h4><i class="fas fa-robot"></i> 服务器智能开奖</h4>
                    <div class="server-lottery-container">

                        <div class="server-lottery-actions">
                            <button class="banker-btn warning" id="generateTestDataBtn">
                                <i class="fas fa-flask"></i> 生成测试数据
                            </button>
                        </div>
                        
                        <!-- 最优开奖结果显示 -->
                        <div class="optimal-result" id="optimalResultPanel" style="display: none;">
                            <h5><i class="fas fa-trophy"></i> 最优开奖结果</h5>
                            <div class="optimal-result-summary">
                                <div class="result-card">
                                    <div class="result-label">推荐特码</div>
                                    <div class="result-value optimal-tema" id="optimalTema">--</div>
                                </div>
                                <div class="result-card">
                                    <div class="result-label">推荐正码</div>
                                    <div class="result-value optimal-zhengma" id="optimalZhengma">--</div>
                                </div>
                                <div class="result-card">
                                    <div class="result-label">总赔付</div>
                                    <div class="result-value danger" id="optimalPayout">¥0</div>
                                </div>
                                <div class="result-card">
                                    <div class="result-label">净盈利</div>
                                    <div class="result-value profit" id="optimalProfit">¥0</div>
                                </div>
                            </div>
                            
                            <!-- 使用最优结果按钮 -->
                            <div class="optimal-actions">
                                <button class="banker-btn success" id="useOptimalResult">
                                    <i class="fas fa-check"></i> 使用此结果开奖
                                </button>
                            </div>
                        </div>
                        
                        <!-- 详细分析结果 -->
                        <div class="lottery-analysis" id="lotteryAnalysisPanel" style="display: none;">
                            <h5><i class="fas fa-chart-line"></i> 开奖分析报告</h5>
                            <div class="analysis-summary">
                                <div class="analysis-card">
                                    <div class="analysis-label">总投注金额</div>
                                    <div class="analysis-value" id="analysisTotalBet">¥0</div>
                                </div>
                                <div class="analysis-card">
                                    <div class="analysis-label">盈利概率</div>
                                    <div class="analysis-value" id="analysisProfitRate">0%</div>
                                </div>
                                <div class="analysis-card">
                                    <div class="analysis-label">最大盈利</div>
                                    <div class="analysis-value profit" id="analysisMaxProfit">¥0</div>
                                </div>
                                <div class="analysis-card">
                                    <div class="analysis-label">最大亏损</div>
                                    <div class="analysis-value danger" id="analysisMaxLoss">¥0</div>
                                </div>
                            </div>
                            
                            <!-- 前10最优结果 -->
                            <div class="top-results">
                                <h6><i class="fas fa-list-ol"></i> 前10个最优开奖结果</h6>
                                <div class="top-results-table" id="topResultsTable">
                                    <!-- 最优结果列表将由JavaScript动态生成 -->
                                </div>
                            </div>
                        </div>
                        
                        <!-- 亏损排序面板 -->
                        <div class="loss-ranking" id="lossRankingPanel">
                            <h5><i class="fas fa-sort-amount-down"></i> 所有开奖结果（按亏损排序）</h5>
                            
                            <!-- 亏损统计摘要 -->
                            <div class="loss-ranking-summary" id="lossRankingSummary">
                                <!-- 摘要信息将由JavaScript动态生成 -->
                            </div>
                            
                            <!-- 亏损排序表格 -->
                            <div class="loss-ranking-container">
                                <h6><i class="fas fa-list"></i> 所有开奖结果（按亏损排序）</h6>
                                <div class="loss-ranking-table" id="lossRankingTable">
                                    <!-- 排序结果将由JavaScript动态生成 -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- 开奖号码输入区域 -->
                <div class="draw-result-input">
                    <h4><i class="fas fa-trophy"></i> 开奖结果统计</h4>
                    <div class="draw-input-container">
                        <div class="draw-input-group">
                            <label>期号：</label>
                            <input type="text" id="drawPeriod" placeholder="例：2025070" maxlength="10">
                        </div>
                        <div class="draw-input-group">
                            <label>正码（6个）：</label>
                            <div class="number-inputs">
                                <input type="number" id="zhengma1" min="1" max="49" placeholder="01">
                                <input type="number" id="zhengma2" min="1" max="49" placeholder="02">
                                <input type="number" id="zhengma3" min="1" max="49" placeholder="03">
                                <input type="number" id="zhengma4" min="1" max="49" placeholder="04">
                                <input type="number" id="zhengma5" min="1" max="49" placeholder="05">
                                <input type="number" id="zhengma6" min="1" max="49" placeholder="06">
                            </div>
                        </div>
                        <div class="draw-input-group">
                            <label>特码：</label>
                            <input type="number" id="tema" min="1" max="49" placeholder="07">
                        </div>
                        <div class="draw-input-actions">
                            <button class="banker-btn primary" id="calculateActualResult">
                                <i class="fas fa-calculator"></i> 计算实际盈亏
                            </button>
                            <button class="banker-btn" id="clearDrawInput">
                                <i class="fas fa-eraser"></i> 清空
                            </button>
                            <button class="banker-btn" id="fillSampleDraw">
                                <i class="fas fa-magic"></i> 填入示例
                            </button>
                        </div>
                    </div>
                    
                    <!-- 实际盈亏结果显示 -->
                    <div class="actual-result" id="actualResultPanel" style="display: none;">
                        <h5><i class="fas fa-chart-bar"></i> 实际盈亏统计</h5>
                        <div class="actual-result-summary">
                            <div class="result-card">
                                <div class="result-label">总收入</div>
                                <div class="result-value" id="actualTotalIncome">¥0</div>
                            </div>
                            <div class="result-card">
                                <div class="result-label">总赔付</div>
                                <div class="result-value danger" id="actualTotalPayout">¥0</div>
                            </div>
                            <div class="result-card">
                                <div class="result-label">净盈亏</div>
                                <div class="result-value" id="actualNetProfit">¥0</div>
                            </div>
                            <div class="result-card">
                                <div class="result-label">中奖注数</div>
                                <div class="result-value" id="actualWinCount">0注</div>
                            </div>
                        </div>
                        
                        <!-- 中奖详情 -->
                        <div class="win-details">
                            <h6><i class="fas fa-list"></i> 中奖详情</h6>
                            <div class="win-details-table" id="winDetailsTable">
                                <!-- 中奖详情将由JavaScript动态生成 -->
                            </div>
                        </div>
                    </div>
                </div>

                <div class="risk-controls">
                    <label>
                        <input type="checkbox" id="showOnlyRiskNumbers" checked>
                        只显示有风险的号码
                    </label>
                    <label>
                        排序方式：
                        <select id="riskSortBy">
                            <option value="loss_desc">亏损从高到低</option>
                            <option value="loss_asc">亏损从低到高</option>
                            <option value="number_asc">号码从小到大</option>
                        </select>
                    </label>
                    <div class="test-controls" style="margin-left: 20px;">
                        <button class="banker-btn" id="generateTestDataBtn" style="font-size: 12px; padding: 5px 10px;">
                            <i class="fas fa-vial"></i> 生成测试数据
                        </button>
                        <button class="banker-btn" id="quickTestBtn" style="font-size: 12px; padding: 5px 10px;">
                            <i class="fas fa-bug"></i> 测试计算逻辑
                        </button>
                        <button class="banker-btn" id="testHejuBtn" style="font-size: 12px; padding: 5px 10px;">
                            <i class="fas fa-balance-scale"></i> 测试和局
                        </button>
                    </div>
                </div>
                <div class="risk-grid" id="riskGrid">
                    <!-- 风险数据将由JavaScript动态生成 -->
                </div>
            </div>

            <!-- 玩法统计 -->
            <div class="game-statistics">
                <h3><i class="fas fa-pie-chart"></i> 玩法投注统计</h3>
                <div class="game-stats-grid" id="gameStatsGrid">
                    <!-- 玩法统计将由JavaScript动态生成 -->
                </div>
            </div>
        </div>

        <!-- 投注清单 -->
        <div class="betting-list">
            <div class="betting-list-header">
                <h4><i class="fas fa-list"></i> 投注清单</h4>
                <small style="color: #666;">支持自定义赔率</small>
                <button id="refreshPotentialWinsBtn" style="font-size: 12px; padding: 2px 6px; margin-left: 10px;">刷新显示</button>
            </div>
            <div class="bet-items" id="betItems">
                <!-- 投注项目将由JavaScript动态生成 -->
            </div>
            
            <div class="betting-summary">
                <div class="summary-info">
                    <span>方案注数 <span id="totalBets">0</span> 注，金额 <span id="totalAmount">0</span> 元</span>
                </div>
                <button class="submit-bet-btn" id="submitBetBtn" disabled>立即投注</button>
            </div>
        </div>
    </div>

    <!-- 投注确认弹窗 -->
    <div id="confirmModal" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <h3>投注确认</h3>
                <button class="modal-close">&times;</button>
            </div>
            <div class="modal-body">
                <div class="lottery-info">
                    <div>彩种：<span id="lotteryType">香港六合彩</span></div>
                    <div>期号：<span id="periodNumber">第2025066期</span></div>
                </div>
                <div class="bet-details">
                    <div class="details-label">详情:</div>
                    <div class="details-list" id="detailsList">
                        <div class="detail-item">[特码,特码直选] 37,38,39,40...详细</div>
                    </div>
                </div>
                <div class="total-amount">
                    <span>投注总金额: <span id="modalTotalAmount">20</span> 元</span>
                </div>
            </div>
            <div class="modal-footer">
                <button class="cancel-btn">取消</button>
                <button class="confirm-btn">确定</button>
            </div>
        </div>
    </div>

    <script src="js/payout-calculator.js"></script>
    <script src="js/lottery-server.js"></script>
    <script type="module" src="js/app.js"></script>
    </body>
</html> 